@charset "utf-8";
/* CSS Document */
td.vf_open{
	vertical-align:top;
}
div.view_fun{
	float:left;
	/*margin-top:10px;*/
	background:#FFF;
	width:307px;
}
div.view_tab_out{
	float: left;width: 45px;
}
div.view_tab_top{
	float: left;height: 20px;width: 45px;background: url(../../image/vt_open_right_head.png);
}
div.view_tab_bottom{
	float: left;height: 30px;width: 45px;background: url(../../image/vt_open_right_foot.png);
}
div.view_tab{
	width:45px;
	float:right;
	position:relative;
	z-index:1;
}
div.view_tab div.vt_oc{
	/*background:url(../../image/open_close.png) repeat-x 0 0;*/
	/*padding-top:13px;*/
	width:100%;
	float:left;
}
div.view_tab div.vt_rightoc{
	background:url(../../image/view_right_oc.png);
	padding-top:23px;
	width:100%;
	float:left;
}
div.vt_oc a{
	width:45px;
	height:70px;
	text-align:center;
	font-size:12px;
	/*border:1px #CDCDCD solid;*/
	text-decoration:none;
	float:left;
	/*margin-bottom:-1px;*/
	/*background:#FFF;*/
	color:#999999;
}
div.vt_oc a.new{
	background: url(../../image/vt_open_right_new.png) no-repeat 0 0;
}
div.vt_oc a.urgent{
	background: url(../../image/vt_open_right_urgent.png) no-repeat 0 0;
}
div.vt_oc a.screen{
	background: url(../../image/vt_open_right_screen.png) no-repeat 0 0;
}
div.vt_oc a:hover{
	background-position: -45px 0px;
	/*color:#666666;*/
}
div.vt_oc a b{
	/*width:100%;*/
	float:left;
	/*font-weight:normal;
	color:#F00;*/
	display: block;
}
div.vt_oc a b.msgcount24{
	background:url(../../image/msgcount.png) -17px 0px;
	width: 17px;
	height: 14px;
	margin:3px;
	font-size: 9px;
	font-weight: normal;
	line-height:10px;
	color: #ff0000;
	display: none;
}
div.vt_oc a b.msgcountj{
	background:url(../../image/msgcount.png) 0px 0px;
	width: 17px;
	height: 14px;
	margin:3px;
	font-size: 9px;
	font-weight: normal;
	line-height:10px;
	color: #ff0000;
	display: none;
}
div.vt_oc a b.new{
	margin-top:2px;
	background:url(../../image/view_right_new.gif);
	width: 28px;
	height: 11px;
}
div.vt_oc a b.urgent{
	background:url(../../image/view_right_urgent.gif);
	width: 25px;
	height: 15px;
}
div.vt_oc a div.filter{
	background:url(../../image/view_right_filter.png);
	width: 21px;
	height: 17px;
	margin:3px 10px;
}
div.vt_oc a.onit{
	/*color:#333333;
	border-left:1px #FFF solid;*/
	background-position: -45px 0px;
}
div.view_con{
	margin-right:-1px;
	float:left;
	border:1px #ffffff solid;
	position:relative;
	min-height:208px;
	z-index:0;
	overflow-x:hidden;
	overflow-y:auto;
	text-align: left;
	width: 257px;
	margin-top: 20px;
	/*margin-top: 3px;*/
}
div.vf_invite{
	width:257px;
	float:left;
	font-size:12px;
}
div.vi_ivt{
	width:100%;
	float:left;
}
div.vi_hide{
	width:100%;
	float:left;
	display:none;
}
div.vi_end{
	width:100%;
	float:left;
	display:none;
}
div.choose_list{
	width:100%;
	float:left;
	display:none;
}
div.vi_list{
	padding:10px 23px 10px 10px;
	width:253px;
	margin:2px;
	float:left;
	border-bottom:1px dashed #CDCDCD;
}
div.vi_list:hover{
	background:#FFEDCA;
}
div.vi_list div.vi_item{
	width:100%;
	float:left;
	padding-bottom:5px;
}
div.vi_item span{
	float:left;
	font-size:12px;
	line-height:18px;
	text-align:left;
}
div.vi_item span.v_work{
	background:url(../../image/event.png) no-repeat 0 2px;
	width:14px;
	height:14px;
	margin-right:2px;
}
div.vi_item span.v_socal{
	background:url(../../image/event.png) no-repeat 0 -12px;
	width:14px;
	height:14px;
	margin-right:2px;
}
div.vi_item span.v_other{
	background:url(../../image/event.png) no-repeat 0 -42px;
	width:14px;
	height:14px;
	margin-right:2px;
}
div.vi_item span.v_sect{
	background:url(../../image/event.png) no-repeat 0 -27px;
	width:14px;
	height:14px;
	margin-right:2px;
}
div.vi_item span.title{
	width:233px;
	overflow:hidden;
    white-space:pre;
}
div.vi_item span.time{
	float:left;
}
div.vi_item span.time b{
	float:left;
	font-weight:normal;
	font-size:13px;
}
div.vi_item span.time i{
	float:left;
	margin:0 5px;
}
div.vi_item span.con{
	color:#666666;
}
div.vi_item span.end_time{
	float:left;
}
div.vi_item span.adr{
	float:left;
	width:190px;
}
div.vi_item span.end_time b{
	font-weight:normal;
	font-size:13px;
	float:left;
}
div.vi_item span.end_time b.edt_ing{
	background:#090;
	font-size:10px;
	color:#FFF;
	float:left;
	padding:1px 2px;
	margin-left:5px;
	font-weight:bold;
	line-height:normal;
	margin-top:1px;
}
div.vi_item span.end_time b.edt_over{
	background:#339;
	font-size:10px;
	color:#FFF;
	float:left;
	padding:1px 2px;
	margin-left:5px;
	font-weight:bold;
	line-height:normal;
	margin-top:1px;
}
div.vi_item span.end_time b.edt_stop{
	background:#F00;
	font-size:10px;
	color:#FFF;
	float:left;
	padding:1px 2px;
	margin-left:5px;
	font-weight:bold;
	line-height:normal;
	margin-top:1px;
}
div.vi_item a {
    background:url("../../image/operate.png") no-repeat scroll 0 0 transparent;
    float:right;
    height:14px;
    margin-left:5px;
    width:14px;
}
div.vi_item a.show{
	background-position:0 0px;
}
div.vi_item a.show:hover{
	background-position:-14px 0;
}
div.vi_item a.hide{
	background-position:0 -14px;
}
div.vi_item a.hide:hover{
	background-position:-14px -14px;
}
div.vi_item a.del{
	background-position:0 -28px;
}
div.vi_item a.del:hover{
	background-position:-14px -28px;
}
div.vi_item a.info{
	background-position:0 -42px;
}
div.vi_item a.info:hover{
	background-position:-14px -42px;
}
div.vi_item a.edit{
	background-position:0 -56px;
}
div.vi_item a.edit:hover{
	background-position:-14px -56px;
}
div.vi_item a.join{
	background-position:0 -70px;
}
div.vi_item a.join:hover{
	background-position:-14px -70px;
}
div.vi_item a.alarm{
	background-position:0 -84px;
}
div.vi_item a.alarm:hover{
	background-position:-14px -84px;
}
div.vi_item a.c_alarm{
	background-position:0 -98px;
}
div.vi_item a.c_alarm:hover{
	background-position:-14px -98px;
}
div.cl_condition a.import{
	background:url(../../image/fav.png) no-repeat 0 0;
}
div.cl_condition a.import:hover{
	background:url(../../image/fav.png) no-repeat 0 -44px;
}
div.cl_condition a.c_import{
	background:url(../../image/fav.png) no-repeat 0 -22px;
}
div.cl_condition a.c_import{
	background:url(../../image/fav.png) no-repeat 0 -66px;
}
div.vi_item input{
	float:left;
	font-size:12px;
	padding:0;
}
div.vi_item button {
    border-width:1px;
    cursor:pointer;
    font-size:12px;
    margin:0;
}
div.choose_list div.cl_box{
	float:left;
    margin:2px;
    padding:10px 23px 10px 10px;
    width:253px;
}
div.cl_title{
	width:100%;
	float:left;
	font-size:14px;
	padding-bottom:10px;
	text-align:left;
}
div.cl_condition{
	float:left;
	padding-left:23px;
	padding-bottom:5px;
	width:230px
}
div.cl_condition input{
	float:left;
	margin:1px;
}
div.cl_condition span{
	float:left;
	margin:1px 5px;
	padding-left:15px;
	font-size:12px;
	background:url(../../image/event.png) no-repeat;
}
div.cl_condition span.work{
	background:url(../../image/event.png) no-repeat 0 2px;
}
div.cl_condition span.socal{
	background:url(../../image/event.png) no-repeat 0 -12px;
}
div.cl_condition span.other{
	background:url(../../image/event.png) no-repeat 0 -42px;
}
div.cl_condition span.sect{
	background:url(../../image/event.png) no-repeat 0 -27px;
}
div.cl_condition span.import{
	background:url(../../image/fav.png) no-repeat 0 -24px;
}
div.cl_condition span.c_import{
	background:url(../../image/fav.png) no-repeat 0 0px;
}